<!DOCTYPE html>
<html>
    <head>         
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <link href="../images/icons/favicon.png" rel="shortcut icon" />
        <meta http-equiv="content-language" content="en" />
        <meta http-equiv="language" content="en" />
        <title>VinaICT - Web Development, Web and Graphic Design, SEO and SEM</title>
        <meta name="description" content="VinaICT is a company specialized in web, graphic design, website development, SEO and online marketing services. We are located in Ho Chi Minh city (Vietnam)." />
        <meta name="keywords" content="VinaICT, IT solution, IT service, website development, website design, graphic design, SEO, SEM, online marketing" />
	<link href="http://www.vinaict.com/" rel="canonical" />
        <meta name="robots" content="index,follow" />
        <meta name='revisit-after' content='1 days' />
        <link href="../css/layout.css" rel="stylesheet" media="all" />
        <link href="../css/style.css" rel="stylesheet" media="all" />
        <link href="../js/jquery/lofslidernews/css/style4.css" rel="stylesheet" media="all" />
        <!--[if IE]> 
        <link href="../css/ie.css" rel="stylesheet" type="text/css" media="all" />
        <![endif]-->
        <script src="../js/jquery-1.7.2.min.js"></script>
        <script src="../js/jquery/lofslidernews/js/jquery.easing.js"></script>
        <script src="../js/jquery/lofslidernews/js/script.js"></script>
        <script type="text/javascript">
            $(function(){
                
                if (window.PIE) {
                    $('.rounded').each(function() {
                        PIE.attach(this);
                    });
                }
               
               $('.h-menu li').mouseenter(function(){
                    $(this).attr('class', $(this).attr('class') == "" ? 'hover' : $(this).attr('class') + ' hover');
               });
                
               $('.h-menu li').mouseleave(function(){
                   $(this).attr('class', $(this).attr('class').toString().replace(/hover|\shover/, ''));
               });
               
               $('.languages li').mouseenter(function(){
                    $(this).attr('class', $(this).attr('class') == "" ? 'hover' : $(this).attr('class') + ' hover');
               });
                
               $('.languages li').mouseleave(function(){
                   $(this).attr('class', $(this).attr('class').toString().replace(/hover|\shover/, ''));
               });
               
            });
            
       $(document).ready( function(){	
            // buttons for next and previous item						 
            var buttons = { previous:$('#jslidernews1 .button-previous') ,
                next:$('#jslidernews1 .button-next') };
             $obj = $('#jslidernews1').lofJSidernews( { interval : 4000,
            easing			: 'easeInOutQuad',
            duration		: 1200,
            auto		 	: true,
            maxItemDisplay  : 3,
            startItem:1,
            navPosition     : 'horizontal', // horizontal
            navigatorHeight : null,
            navigatorWidth  : null,
            mainWidth:752,
            buttons:buttons} );		
	});
        </script>
    </head>
    <body>
        <div id="header">
            <div class="container">
                <h1 class="logo float-left">
                    <a href="http://www.vinaict.com" title="Online Marketing made easy">
                        <img src="../images/logo-en.png" alt="Online Marketing made easy" />
                    </a>
                </h1>
                <div id="top-menu" class="float-right">
                    <ul>
                        <li><a href="" title="Language">Language</a></li>
                        <li>|</li>
                        <li class="selected"><a href="" title="Home">Home</a></li>
                        <li>|</li>
                        <li><a href="" title="Blog">Blog</a></li>
                        <li>|</li>
                        <li><a href="" title="FAQ">FAQ</a></li>
                        <li>|</li>
                        <li><a href="" title="Contact Us">Contact Us</a></li>
                        <li>|</li>
                        <li><a href="" title="Sign In">Sign In</a></li>
                    </ul>
                </div>
                
                <div class="h-menu w720 h45">
                    <ul class="float-right hp100">
                        <li><a href="" title="About Us">About Us</a></li>
                        <li><a href="" title="Services">Services</a></li>
                        <li><a href="" title="Portfolio">Portfolio</a></li>
                        <li><a href="" title="Training">Training</a></li>
                        <li><a href="" title="Recruit">Career</a></li>
                        <li><a href="" title="News">News</a></li>
                    </ul>
                </div>
                <div class="clear"></div>
            </div>
        </div>
        <div id="content">
            <div id="fixed-side-box">
                <div id="online-support" class="float-right">
                    <div class="title float-left"></div>
                    <div class="content float-left">
                        <a id="live-chat" href="" title="Online support"><img src="../images/live-chat-en.png" alt="Live chat" /></a>
                    </div>
                </div>
                <div class="clear"></div>
                <div id="follow-us" class="float-right">
                    <div class="content float-left">
                        <ul>
                            <li><a href="#"><img src="../images/facebook.png" alt="Visit our Facebook Fanpage" /></a></li>
                            <li><a href="#"><img src="../images/twitter.png" alt="Follow us on Twitter" /></a></li>
                            <li><a href="#"><img src="../images/google_plug.png" alt="Connect us on Google Plus" /></a></li>
                            <li><a href="#"><img src="../images/linkedin.png" alt="Connect us on Linked-In" /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="body">
                <div class="box w752 h340 margin-bottom-10 float-left">
                        <div id="jslidernews1" class="lof-slidecontent w752 h340" >
                            <div class="preload"><div></div></div>
                            <div  class="button-previous">Previous</div>
                            <div  class="button-next">Next</div>
                            <div class="main-slider-content w752 h340">
                                <ul class="sliders-wrap-inner">
                                    <li>
                                            <img src="../uploads/images/thumbl_980x340.png" alt="Newsflash 1" />
                                          <div class="slider-description">
                                            <div class="slider-meta"><a target="_parent" title="Newsflash 1" href="#Category-1">/ Newsflash 1 /</a> <i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 1</h4>
                                            <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                   <li>
                                      <img src="../uploads/images/thumbl_980x340_002.png" alt="Newsflash 2" />
                                         <div class="slider-description">
                                           <div class="slider-meta"><a target="_parent" title="Newsflash 2" href="#Category-2">/ Newsflash 2 /</a> 	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 2</h4>
                                            <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                   <li>
                                      <img src="../uploads/images/thumbl_980x340_003.png" alt="Newsflash 3" />
                                        <div class="slider-description">
                                          <div class="slider-meta"><a target="_parent" title="Newsflash 3" href="#Category-3">/ Newsflash 3 /</a> 	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 3</h4>
                                            <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                    <li>
                                      <img src="../uploads/images/thumbl_980x340_004.png" alt="Newsflash 4" />
                                        <div class="slider-description">
                                          <div class="slider-meta"><a target="_parent" title="Newsflash 4" href="#Category-4">/ Newsflash 4 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 4</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                    <li>
                                      <img src="../uploads/images/thumbl_980x340_005.png" alt="Newsflash 5" />
                                        <div class="slider-description">
                                           <div class="slider-meta"><a target="_parent" title="Newsflash 5" href="#">/ Newsflash 5 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                           <h4>Content of Newsflash 5</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                    <li>

                                      <img src="../uploads/images/thumbl_980x340_006.png" alt="Newsflash 6" />
                                        <div class="slider-description">
                                          <div class="slider-meta"><a target="_parent" title="Newsflash 6" href="#">/ Newsflash 6 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 6</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                     <li>
                                      <img src="../uploads/images/thumbl_980x340_007.png" alt="Newsflash 7" />
                                        <div class="slider-description">
                                          <div class="slider-meta"><a target="_parent" title="Newsflash 7" href="#">/ Newsflash 7 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 7</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                            <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                      <li>
                                      <img src="../uploads/images/thumbl_980x340_008.png" alt="Newsflash 8" />
                                        <div class="slider-description">

                                          <div class="slider-meta"><a target="_parent" title="Newsflash 8" href="#">/ Newsflash 8 /</a>	<i> — Monday, February 15, 2010 12:42</i></div>
                                            <h4>Content of Newsflash 8</h4>
                                            <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...
                                                <a class="readmore" href="#">Read more </a>
                                            </p>
                                         </div>
                                    </li> 
                                  </ul>  	
                            </div>
                            
                        <div class="navigator-content">
                          <div class="button-control"><span></span></div>	
                          <div class="navigator-wrapper">
                                <ul class="navigator-wrap-inner">
                                   <li><span>1</span></li>
                                   <li><span>2</span></li>
                                   <li><span>3</span></li>
                                   <li><span>4</span></li>    
                                   <li><span>5</span></li>
                                   <li><span>6</span></li>       
                                   <li><span>7</span></li>       
                                   <li><span>8</span></li>          		
                                </ul>
                          </div>
                        </div> 
                    </div>
                </div>
                
                <div id="hot-news" class="box zero-border w188 h529 float-right">
                    <h2 class="h37 news padding-left_10 margin-5_5_5_5">Latest news</h2>
                    <ul class="list-news">
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                        <li>
                            <a href="" title="MediaCorp selects Sofialys for Mobile Ad Serving">
                                MediaCorp selects Sofialys for Mobile Ad Serving
                            </a>
                            <p class="date">2012-08-13</p>
                        </li>
                    </ul>
                </div>
                
                <div class="box demonstration w182 h177 float-left margin-0_6_10_0">
                    <h2><a href="#">Mobile Website Development</a></h2>
                    <a href="#" ><div class="w182 h130 float-left web-mobile"></div> </a>
                </div>
                <div class="box demonstration w182 h177 float-left margin-0_6_10_0">
                    <h2><a href="#">Website Development</a></h2>
                    <a href="#" ><div class="w182 h130 float-left development"></div> </a>
                </div>
                <div class="box demonstration w182 h177 float-left margin-0_6_10_0">
                    <h2><a href="#">Web And Graphic Design</a></h2>
                    <a href="#" ><div class="w182 h130 float-left graphic"></div> </a>
                </div>
                <div class="box demonstration w182 h177 float-left margin-0_6_10_0">
                    <h2><a href="#">SEO And SEM</a></h2>
                    <a href="#" ><div class="w182 h130 float-left sem-seo"></div> </a>                    
                </div>
                
                <div class="box information w231 h190 float-left margin-0_6_10_0">
                    <h2><a href="#">Other Products - Services</a></h2>
                    <div class="w221 float-left margin-5_5_5_5">
                        <p class="h100 text-indent_10 justify float-left">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. 
                           Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum. 
                           Duis sed id elit. Duis sed odio sit amet nibh....</p>
                        <a href="#"><div class="w50 h25 view-more botton-view"></div></a>
                    </div>
                </div>
                <div class="box information w231 h190 float-left margin-0_6_10_0">
                    <h2><a href="#">Portfolio</a></h2>
                    <div class="w221 float-left margin-5_5_5_5">
                        <p class="h100 text-indent_10 justify float-left">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. 
                           Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum. 
                           Duis sed id elit. Duis sed odio sit amet nibh....</p>
                        <a href="#"><div class="w50 h25 view-more botton-view"></div></a>
                    </div>
                </div>
                <div class="box information w231 h190 float-left margin-0_6_10_0">
                    <h2><a href="#">Our Process</a></h2>
                    <div class="w221 float-left margin-5_5_5_5">
                        <p class="h100 text-indent_10 justify float-left">This is Photoshop's version of Lorem Ipsum. Proin gravida nibh vel velit auctor aliquet. 
                           Aenean sollicitudin, lorem quis bibendum auctor, nisi elit consequat ipsum. 
                           Duis sed id elit. Duis sed odio sit amet nibh....</p>
                        <a href="#"><div class="w50 h25 view-more botton-view"></div></a>
                    </div>
                </div>
                <div class="box information w231 h190 float-left margin-0_0_10_0">
                    <h2><a href="#">Contact Information</a></h2>
                    <div class="w221 float-left margin-5_5_5_5">
                        <div class="h100 small-text justify float-left">
                            <h3>VinaICT Co., Ltd.</h3>
                            <u><b>Add:</b></u> 170/46 Le Duc Tho, Ward 6, Go Vap, Ho Chi Minh City, Vietnam.<br/>
                            <u><b>Tel:</b></u> (08) 62 890 254 <u><b>Fax:</b></u> (08) 62 890 264<br/>
                            <u><b>Website:</b></u> <a href="http://www.VinaICT.com">www.VinaICT.com</a><br/>
                            <u><b>Email:</b></u> <a href="mailto:info@vinaict.com">info@vinaict.com</a><br/>
                        </div>
                        <a href="#"><div class="w50 h25 view-more botton-view"></div></a>
                    </div>
                </div>
                <div class="clear"></div>
            </div>
            <div id="footer">
                <div class="h-menu float-left">
                    <ul>
                        <li class="selected"><a href="" title="Home">Home</a></li>
                        <li>|</li>
                        <li><a href="" title="About Us">About Us</a></li>
                        <li>|</li>
                        <li><a href="" title="Our Services">Our Services</a></li>
                        <li>|</li>
                        <li><a href="" title="Portfolio">Portfolio</a></li>
                        <li>|</li>
                        <li><a href="" title="Contact">Contact</a></li>
                        <li>|</li>
                        <li><a href="" title="Home">Sitemap</a></li>
                    </ul>
                </div>
                <div class="copyright float-right">
                    Copyright &copy; 2012 VinaICT. All rights reserved
                </div>
                <div class="clear"></div>
            </div>
        </div>
    </body>
</html>
